{
  /**
   * @import {Item} from '../_component/sort.js'
   */

  /**
   * @typedef Props
   * @property {Item} navigationTree
   */
}

import assert from 'node:assert/strict'
import {NavigationGroup} from '../_component/nav.jsx'

export const info = {
  author: [{name: 'MDX Contributors'}],
  modified: new Date('2024-07-04'),
  published: new Date('2021-11-01')
}
export const navSortSelf = 1

# Docs

These docs explain the core concepts of MDX.
How the format works, how to add it to your site, how to use MDX files, and how
to extend them.
Reading through these should give you a good understanding of MDX.

{
  (function () {
    const navigationTree = props.navigationTree
    const category = navigationTree.children.find(function (item) {
      return item.name === '/docs/'
    })
    assert(category)

    return (
      <nav>
        <NavigationGroup items={category.children} includeDescription />
      </nav>
    )
  })()
}
